<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8"/>
		<title>首页</title>
		<link rel="stylesheet" type="text/css" href="css/index.css"/>
		<link rel="stylesheet" type="text/css" href="css/animate.css"/>
		<link rel="stylesheet" type="text/css" href="css/jquery.fullPage.css"/>
		<script type="text/javascript" src="js/jquery-1.8.3.min.js" ></script>
	    <script type="text/javascript" src="js/jquery.fullPage.js" ></script>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
	</head>
	<body>
		<div class="wrap">
			<!--首页-->
			<div class="web side section">
				<div class="logo">
					<img src="img/home/logo.png"/>
				</div>
				<section class="s_title">
					<div class="s_title1 animated ">
						<img src="img/home/home_title1.png"/>
					</div>
					<div class="s_title2 animated ">
						<img src="img/home/home_title2.png"/>
					</div>
					<div class="s_title3">
						<img src="img/home/home_title3.png"/>
					</div>
					<div class="s_title4 animated ">
						<img src="img/home/home_title4.png"/>
					</div>
				</section>
				<section class="figure">
					<div class="ren">
						<img src="img/home/home_ren.png"/>
					</div>
					<div class="bubble topl">
						<img src="img/home/home_q1.png"/>
					</div>
					<div class="bubble topr">
						<img src="img/home/home_p2.png"/>
					</div>
					<div class="bubble bottoml">
						<img src="img/home/home_p3.png"/>
					</div>
					<div class="bubble bottomr">
						<img src="img/home/home_p4.png"/>
					</div>
				</section>
				<div class="btn">
					<img src="img/home/home_btn.png"/>
				</div>
			</div>
			<!--测试页2-->
			<div class="web2 section">
				<div class="title">
					<img src="img/page/page2_title.png"/>
				</div>
				<div class="page_center">
					<div class="pic">
						<img src="img/page/page2_headimg.png"/>
					</div>
				</div>
				<div class="cloud1 ab cloudA">
					<img src="img/page/yun1.png"/>
				</div>
				<div class="cloud2 ab cloudA">
					<img src="img/page/yun2.png"/>
				</div>
				<div class="cloud3 ab cloudA">
					<img src="img/page/yun3.png"/>
				</div>
				<div class="cloud4 ab cloudA">
					<img src="img/page/yun4.png"/>
				</div>
				<div class="cloud5 ab cloudB">
					<img src="img/page/yun5.png"/>
				</div>
				<section>
					<!--问题答案选项-->
					<div class="left clear">
						<div class="option A">
							<img src="img/page/page2_a.png"/>
						</div>
						<div class="option B">
							<img src="img/page/page2_b.png"/>
						</div>
						<div class="option C">
							<img src="img/page/page2_c.png"/>
						</div>
						<div class="option D">
							<img src="img/page/page2_d.png"/>
						</div>
					</div>
					<div class="right clearfix">
						<div class="music fr">
							<img src="img/page/page_music.png"/>
						</div>
						<!-- 小图标-->
						<div class="wang fr">
							<img src="img/page/page2_t.png"/>
						</div>
					</div>
				</section>
			</div>
			<!--测试页3-->
			<div class="web3 section">
				<div class="title">
					<img src="img/page/page3_title.png"/>
				</div>
				<div class="page_center">
					<div class="pic">
						<img src="img/page/page3_head.png"/>
					</div>
				</div>
				<div class="cloud1 ab cloudA">
					<img src="img/page/yun1.png"/>
				</div>
				<div class="cloud2 ab cloudA">
					<img src="img/page/yun2.png"/>
				</div>
				<div class="cloud3 ab cloudA">
					<img src="img/page/yun3.png"/>
				</div>
				<div class="cloud4 ab cloudA">
					<img src="img/page/yun4.png"/>
				</div>
				<div class="cloud5 ab cloudB">
					<img src="img/page/yun5.png"/>
				</div>
				<section>
					<!--问题答案选项-->
					<div class="left clear">
						<div class="option A">
							<img src="img/page/page3_a.png"/>
						</div>
						<div class="option B">
							<img src="img/page/page3_b.png"/>
						</div>
						<div class="option C">
							<img src="img/page/page3_c.png"/>
						</div>
						<div class="option D">
							<img src="img/page/page3_d.png"/>
						</div>
					</div>
					<div class="right clearfix">
						<div class="music fr">
							<img src="img/page/page_music.png"/>
						</div>
						<!-- 小图标-->
						<div class="wang fr">
							<img src="img/page/page3_t.png"/>
						</div>                                
					</div>
				</section>
			</div>
			<!--评价页-->
			<div class="comment section">
				<div class="logo">
					<img src="img/home/logo.png"/>
				</div>
				<section>
					<!--头像-->
					<div class="headimg">
						<img src="img/comment/message_head.jpg"/>
					</div>
					<div class="title">
						<img src="img/comment/message_title.png"/>
					</div>
				</section>
				<!--选项部分-->
				<section>
					<div class="problem">
						<img src="img/comment/message_textl.png"/>
					</div>
					<!--选项部分-->
					<div class="option0 fr clear">
						<img src="img/comment/message_00.png"/>
					</div>
					<div class="option7">
						<img src="img/comment/message_70.png"/>
					</div>
					<div class="option9">
						<img src="img/comment/message_90.png"/>
					</div>
					<div class="option95">
						<img src="img/comment/message_95.png"/>
					</div>
				</section>
				<!--底部提交部分-->
				<section>
					<div class="commot_title">
						<img src="img/comment/message_ping.png"/>
					</div>
					<!--文本输入框-->
					<textarea>
							
					</textarea>
					<!--按钮-->
					<div class="bottom_btn">
						<div class="left">
							<img src="img/comment/message_input.png"/>
						</div>
						<div class="right">
							<img src="img/comment/message_submit.png"/>
						</div>
					</div>
				</section>
				<!--遮罩层-->
				<div class="masklayer">
					<div class="headimg">
						<img src="img/comment/zhezhao.png"/>
					</div>
					<div class="text">
						<img src="img/comment/zhezhao2.png"/>
					</div>
				</div>
			</div>
		</div>
	</body>
	<script type="text/javascript">
		
		$(function(){
			$('.wrap').fullpage()
		});
	</script>
</html>
